<template>
  <div>
    <p>{{ text }}</p>
    <br />
    <button @click="reverseStr">倒转乾坤</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: "Hello,Liuzi",
    };
  },
  methods: {
   reverseStr () {
      this.text = this.text.split("").reverse().join('');
    },
  },
};
</script>

<style>
</style>